{% extends "index.html" %} {% block content %}
<div class="container">
    <div class="row" style="background-color:black;">
        <div class="col-xs-12 col-sm-12 col-md-4">
            <div class="box" style="background-color:black;border:0;">
                <div class="box-header ui-sortable-handle text-center" style="color:white;">
                    <i class="ion ion-clipboard"></i>
                    <h3 class="box-title">TPS</h3>
                </div>
                <div class="box-body no-padding">
                    <ul class="todo-list ui-sortable">
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-bottom-color:#7d7979;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">TPS1状态</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if (TPS1_OK) >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}


                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">低温Ready</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if (Hyd_READY) >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}
                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">低温连锁</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                                                    {% if Hyd_LOCK < 1 %}
                                    <button type="button" class="btn btn-block btn-success btn-xs .btn-flat">正常</button>
                                    {% else %}
                                    <button type="button" class="btn btn-block btn-danger btn-xs .btn-flat">连锁中</button>
                                    {% end %}


                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">水系统Ready</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if (WATER_OK) >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">水系统连锁</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if WATER_LOCK < 1 %}
                                    <button type="button" class="btn btn-block btn-success btn-xs .btn-flat">正常</button>
                                    {% else %}
                                    <button type="button" class="btn btn-block btn-danger btn-xs .btn-flat">连锁中</button>
                                    {% end %}


                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">氦容器Ready</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if HEV_READY >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>

                            <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">氦容器连锁</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if HEV_LOCK < 1 %}
                                    <button type="button" class="btn btn-block btn-success btn-xs .btn-flat">正常</button>
                                    {% else %}
                                    <button type="button" class="btn btn-block btn-danger btn-xs .btn-flat">连锁中</button>
                                    {% end %}

                                </div>
                            </div>
                        </li>


                    </ul>
                </div>
                <div class="box-body no-padding" style="margin-top:30px;">
                    <ul class="todo-list ui-sortable">
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-bottom-color:#7d7979;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">TPS2状态</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if (TPS2_OK) >= 1 %}
                                    <p style="text-align:center;"><img src="{{ static_url('custom/img/csns/greenCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% else %}
<p style="text-align:center;"><img src="{{ static_url('custom/img/csns/redCircle.png') }}" style="width:20px;height:20px" /></p>
                                    {% end %}

                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">氢循环压力</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    <p style="text-align:center;">
                                    <span class="text text-yellow margin-right-8">{{HydPRS}}</span>
                                    </p>
                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;border-bottom:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">氢循环连锁</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    {% if (Hyd_LOCK) < 1 %}
                                    <button type="button" class="btn btn-block btn-success btn-xs .btn-flat">正常</button>
                                    {% else %}
                                    <button type="button" class="btn btn-block btn-danger btn-xs .btn-flat">连锁中</button>
                                    {% end %}
                                </div>
                            </div>
                        </li>
                        <li style="background-color:black;color:white;border:1px solid #21c5f5;border-top:0;margin-bottom:0;border-radius:0;">
                            <div class="row" style="margin-right:0;margin-left:0;">
                                <div class="col-xs-8 col-sm-8 no-padding">
                                    <span class="text">氢循环压力阈值</span>
                                </div>
                                <div class="col-xs-4 col-sm-4 no-padding no-margin">
                                    <p style="text-align:center;"><span class="text text-yellow margin-right-8">17.0</span></p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% end %}
